<template>
    <div class="w-full h-full box-border flex flex-col overflow-y-hidden">
        <header class="flex-none block">
            <div class="h-[68px] text-base text-third cursor-pointer touchable-opacity flex flex-row items-center gap-[6px]">
                <GpFontIcon name="icon-jiantou_zuo" class="text-2xl !leading-6" @click="$router.back()" />
                <span @click="$router.back()">返回上一级</span>
            </div>
        </header>
        <main class="flex-1 overflow-y-auto no-scrollbar">
            <div class="bg-white min-h-full rounded-xl">
                <div class="flex flex-col items-center pt-[200px]">
                    <img src="/images/zhishiku-start.png" :width="160" :height="160" class="block size-40 object-cover" />
                    <h3 class="text-primary text-[28px] leading-9 font-bold mt-2 text-center">销售岗位知识库搭建</h3>
                    <div class="bg-[url(/images/zhishiku-start-bg.png)] bg-no-repeat bg-cover w-[500px] h-[96px] rounded-xl mt-5">
                        <div class="w-full h-full box-border flex flex-col justify-center pl-[83px] text-base text-[#324366]">
                            <p>我将模拟求职者提问，请你按正常招聘流程回复，</p>
                            <p>我将提取你的回复内容，为你生成岗位知识库。</p>
                        </div>
                    </div>
                    <RouterLink :to="{name: 'AIKnownStartAddPage', params: $route.params}" class="touchable-opacity flex flex-row justify-center items-center !text-white w-[360px] h-[56px] mt-10 rounded-md !bg-theme">
                        开始搭建 >>
                    </RouterLink>
                </div>
            </div>
        </main>
    </div>
</template>
<script lang="ts" setup>

defineOptions({
    name: 'AIKnownStartPage'
})
definePage({
    name: 'AIKnownStartPage',
    meta: {
        title: '岗位知识库搭建引导',
        isLayout: false,
        navMatchedName: "AIKnownsPage"
    }
})

</script>